<template>
    <div>
        <ul>
           <li v-for="(item,index) in searchData.searchAdvData" :key="index">
               <p class="searchAdv" v-on:click="selectItem($event)">
                   {{item.keyword}}
               </p>
               </li> 
        </ul>
    </div>
</template>

<script>
export default {
   props:['searchData'],
   methods:{
       selectItem(e){
           this.$emit('getSearchResult',e.target.innerText);
       }
   }
};
</script>

<style scoped>
  li {
      height: 40px;
      border-bottom:1px solid rgb(241, 241, 241);
      line-height: 40px;
      color: #333;
      font-size: 13px;
      padding: 0 25px;
      position: relative;
  }
  .searchAdv {
      width: 70%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 0;
      margin: 0;
  }
</style>